<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	<link rel="Bookmark" href="favicon.ico">
	<link rel="Shortcut Icon" href="favicon.ico"/>
	<!--[if lt IE 9]>
	<script type="text/javascript" src="lib/html5.js"></script>
	<script type="text/javascript" src="lib/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin.pro/css/h-ui.admin.pro.css"/>
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.9/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="static/business/css/style.css"/>
	<!--[if IE 6]>
	<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js"></script>
	<script>DD_belatedPNG.fix('*');</script><![endif]-->
	<!--/meta 作为公共模版分离出去-->

	<title>学生个人信息编辑</title>
	<meta name="keywords" content="h-ui.admin.pro v1.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
	<meta name="description" content="h-ui.admin.pro v1.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="clearfix pd-20">
	<form action="" method="post" class="form form-horizontal" id="form-admin-add">
		<div class="row clearfix">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>学号：</label>
			<div class="form-controls col-xs-8 col-sm-9">
				<input type="text" onchange="checkStudentName()" class="input-text" value="" placeholder="" id="stu_id" name="stu_id" readonly>
				<span id="tipsName" style="color: red"></span>
			</div>
		</div>

		<div class="row clearfix">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>真实姓名：</label>
			<div class="form-controls col-xs-8 col-sm-9">
				<input type="text" class="input-text" autocomplete="off" value="" placeholder="" id="stu_name"
					   name="stu_name" readonly>
			</div>
		</div>


		<div class="row clearfix">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
			<div class="form-controls col-xs-8 col-sm-9 skin-minimal">
				<div class="radio-box">
					<input name="gender" type="radio" id="sex-1" value="男" readonly>
					<label for="sex-1">男</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="sex-2" name="gender" value="女" readonly>
					<label for="sex-2">女</label>
				</div>
			</div>
		</div>

		<div class="row clearfix">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>学院：</label>
			<div class="form-controls col-xs-8 col-sm-9">
				<input type="text" onchange="checkPhone()" class="input-text" value="" placeholder="" id="college" name="college" readonly>
				<span id="tipsPhone" style="color: red"></span>
			</div>
		</div>
		<div class="row clearfix">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>专业：</label>
			<div class="form-controls col-xs-8 col-sm-9">
				<input type="text" class="input-text" placeholder="" name="major" id="major" readonly>
			</div>
		</div>

		<div class="row clearfix">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;返回&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/3.1.1/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="static/h-ui.admin.pro/js/h-ui.admin.pro.js"></script>

<!--/_footer /作为公共模版分离出去-->


<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

	//加载本页面时先通过ajax先从后台获取到用户信息，渲染到对应的文本框中
	$.ajax({
		url: 'newStudent?action=getStudentInfo',
		type: 'get',
		async: false,//将async改为false为同步操作，必须等ajax执行完之后才加载页面
		dataType: 'json',
		success: function (result) {
			$("#stu_id").val(result.data.stuId)
			$("#stu_name").val(result.data.stuName)
			$("#college").val(result.data.college)
			$("#major").val(result.data.major)

			//判断男女的值来设置单选框
			result.data.gender == '男' ? $("#sex-1").prop("checked", true) : $("#sex-2").prop("checked", true);
		}
	})

	//当该值为false时，表名此用户名是重复的，不允许提交数据
	var checkStudentNameFlag = false;
	//学生用户名的唯一验证
	function checkStudentName() {
		var name = $("#stu_name").val();
		var data={'name':name};
		$.ajax({
			url: 'studentChange?action=checkStudentName',
			type: 'get',
			data: data,
			dataType: 'json',
			success: function (result) {
				if (result.code==200){//重复
					$("#tipsName").text("该用户名重复");
				}else if (result.code==0){//不重复
					checkStudentNameFlag=true;
					$("#tipsName").text("");
				}
			}
		})
	}

	// var checkPhoneFlag = false;
	// //学生手机号的唯一验证
	// function checkPhone() {
	// 	var phone = $("#phone_num").val();
	// 	var data={'phone':phone};
	// 	$.ajax({
	// 		url: 'studentChange?action=checkPhone',
	// 		type: 'get',
	// 		data: data,
	// 		dataType: 'json',
	// 		success: function (result) {
	// 			if (result.code==200){//重复
	// 				$("#tipsPhone").text("电话号码重复");
	// 			}else if (result.code==0){//不重复
	// 				$("#tipsPhone").text("");
	// 				checkPhoneFlag=true;
	// 			}
	// 		}
	// 	})
	// }

	$(function () {
		/* 通过iCheck插件，美化checkbox */
		$('.skin-minimal input').iCheck({
			checkboxClass: 'icheckbox-blue',
			radioClass: 'iradio-blue',
			increaseArea: '20%'
		});

		/* 表单验证，提交 */
		$("#form-admin-add").validate({
			rules: {
				name: {
					required: true,
					minlength: 4,
					maxlength: 16
				},
				real_name: {
					required: true,
					minlength: 2,
					maxlength: 20
				},
				gender: {
					required: true,
				},
				age: {
					required: true,
					range: [18, 60]
				},
				phone: {
					required: true,
					isPhone: true,
				},
				school: {
					required: true,
				},
			},
			onkeyup: false,
			focusCleanup: true,
			submitHandler: function(form) {
				var name = $("#stu_name").val();
				var real_name = $("#real_name").val();
				var age=$("#age").val();
				var gender=$("input[name='gender']:checked").val();
				var phone=$("#phone_num").val();
				var school=$("#school").val();
				var data = {'name': name, 'real_name': real_name,'age': age,'gender':gender,'phone':phone,'school':school};
				//学生的用户名和手机号都通过重名验证才允许提交数据
				if (checkStudentNameFlag) {
					$.ajax({
						url:'studentChange?action=updateStudentInfo',
						type:'post',
						data:data,
						dataType:'json',
						success:function (result){
							if (result.code==200){//修改成功
								alert("修改信息成功");
								location.href="index.html"
							}else {
								alert("修改信息失败")
							}
						}
					})

				}else {
					location.href="index.html"
				}

			}
		});
	});
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
